<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>分享</title>
    <script type="text/javascript" src="/js/assets/jquery-3.1.0.min.js"></script>
    <style>
        img{
            transform: rotate(0deg);

        }
        .img1{
            transform-origin: bottom left;
            animation: 1s daodown linear infinite;
        }
        .img2{
            transform-origin: bottom right;
            animation: 1s daoUp linear infinite;
        }
        @-webkit-keyframes daodown{
            0%{
                transform: rotate(0deg);
            }
            50%{
                transform: rotate(35deg);
            }
            100%{
                transform: rotate(0deg);
            }
        }
        @-webkit-keyframes daoUp{
            0%{
                transform: rotate(0deg);
            }
            50%{
                transform: rotate(-35deg);
            }
            100%{
                transform: rotate(0deg);
            }
        }
    </style>
</head>
<body style="margin: 0">
    <div id="bgPic" style="width: 100%;background: url('/img/fenxiangbeijing.png');background-size: cover;padding: 1px">
        <div id="luckDraw">
            <img src="/img/dao1.png" style="float: left;" class="img1"/>
            <img src="/img/dao2.png" style="float: right;" class="img2" />
        </div>
        <div id="seeRule" style="width: 170px;height: 40px;margin-top: 40px;margin-left: 32%"></div>
    </div>


    <script>
        var w=document.body.clientWidth;
        var bgPic=document.querySelector('#bgPic');
        bgPic.style.height=1334*w/750+'px';
        //    配置
        $('#luckDraw').css('margin-top',830/750*w+'px');
        $('#luckDraw').css('width',450/750*w+'px');
        $('#luckDraw').css('height',122/750*w+'px');
        $('#luckDraw').css('margin-left',190/750*w+'px');

        $('.img1').css('width',200/750*w+'px');
        $('.img2').css('width',200/750*w+'px');



        $('#seeRule').bind('click',function(){
            window.location.href='/html/rules2.html'
        })
        $('#luckDraw').bind('click',function(){
            window.location.href='/html/newUser.html'
        });
    </script>
</body>
</html>